<p>底部组件</p>
<div id="box">
  box
</div>
<!-- 使用ViewChild来操作dom节点 -->
<div #mybox style="width: 50px;height:50px">
  box2
</div>
<button (click)="toggle()" style="width: 100px">切换</button>
<aside class="aside" #mybtn>

</aside>
<div *ngFor="let item of arr;let i = index">
  <!--动态路由 两种方式  -->
  <!-- 先配置动态路由 -->
  <!-- 参数在params中 -->
  <!-- <a [routerLink]= "[ '/newdetail/',i]">{{item}}==={{i}}</a> -->
  <!-- <a routerLink= '/newdetail/{{i}}'>{{item}}==={{i}}</a> -->

  <!-- get传值的路由  -->
  <!-- get传值的方式 参数在queryParams中 -->
  <a [routerLink]= "[ '/newdetail']" [queryParams] = "{id:i}">{{item}}==={{i}}</a>

  <!--编程式路由  -->
</div>
<button (click)="godetail()">进入详情页面</button>
